<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>我的派件列表</title>
<%@ include file="/pages/wx/baseHead.jsp"%>
<!-- #cb60b3 -->
<style type="text/css">
	.itemClass:HOVER{border: 1px solid #04BE02;}
</style>
<script type="text/javascript">
	
	
	$(function(){
	});
	
</script>

</head>
<body>
<form action="${urlBasePath }weixin/user/expressMyDilivery.do" id="theform" name="theform" method="post">
	<div class="bd" style="height: 100%;width: 100%;">
	        <div class="weui_tab_bd">
				<div class="weui_panel weui_panel_access">
			        <!-- <div class="weui_panel_hd" style="font-size: 1.2em;color: #000000">快递列表</div> -->
			        <!-- <div class="alert alert-danger" role="alert"><i class="fa fa-map-marker fa-fw"></i>快递列表</div> -->
			        <!-- <div class="weui_panel_hd" align="center" style="font-size: 1.2em;color: #04BE02">我派件列表</div> -->
			        <div class="weui_panel_bd">
			        
			        	<div class="input-group margin-bottom-sm form-inline has-success" style="padding: 10px 0 10px 0;text-align: center;display: none;">
						  <input class="form-control col-md-3" type="text" value="${q.expressNo }" name="expressNo" placeholder="请填入您想搜索的快递单号" style="height: 46px;z-index: 1;" >
						  <span class="input-group-addon"><a href="javascript:void(0);" onclick="goPage(1);"><i class="fa fa-search fa-sm"></i></a></span>
					    </div>
			        
			            <c:forEach var="obj" items="${objs.data }" >
				            <div class="weui_media_box weui_media_appmsg form-inline" >
				                <div class="weui_media_bd" >
				                    <h4 class="weui_media_title" style="width: 100%;" onclick="to('${urlBasePath}weixin/user/expressDetailOther.do?sn=${obj.sn }');">收件人：${obj.directionName }
				                    	<div style="float: right;font-size: .8em;">
										     <i class="fa fa-calendar fa-fw"></i><fmt:formatDate value="${obj.createTm}" pattern="yyyy-MM-dd"/>
										</div>
				                    </h4>
				                    <p class="weui_media_desc">电话号码：<a href="tel:${obj.directionPhone };javascript:void(0);">${obj.directionPhone }</a></p>
				                    <div onclick="to('${urlBasePath}weixin/user/expressDetailOther.do?sn=${obj.sn }');">
				                    <p class="weui_media_desc">快递单号：<font id="expcodeFont">${obj.expressNo }
				                    	<c:if test="${obj.expressNo != null }">
				                    		<a href="http://m.kuaidi100.com/index_all.html?type=${obj.expressCode }&postid=${obj.expressNo }" style="color: red;"> &nbsp;配送查询</a>
				                    	</c:if>
				                    	</font>
				                    </p>
				                    <p class="weui_media_desc">
				                    	收件地址：${obj.directionAddress }
				                    </p>
				                    </div>
				                </div>
				                
											
						        <div align="right">
				                	<c:forEach var="state" items="${states }">
					                	<c:if test="${state.value == obj.state }">
							                    	<span>${state.text }</span>
					                  	 </c:if>
					                </c:forEach>
						         </div>
				            </div>
			        	</c:forEach>
			        	<c:if test="${fn:length(objs.data) == 0}">
					    	<div align="center" style="color: red;padding: 10px 0 20px 0px;">无数据</div>
					    </c:if>
			        </div>
			    </div>
				<%@ include file="/pages/wx/page.jsp"%>
	        </div>
	</div>
</form>
<div class="pop">
    <i class="fa fa-home fa-lg popi"></i>
</div>

<!-- 引入微信样式代码提示工具开始 -->
<%@ include file="/pages/wx/wxClass.jsp"%>
<%@ include file="/pages/wx/baseBottom.jsp"%>
</body>
</html>

